<html>
<head>
  <title>{{= app_name_in_title }}</title>
  
  {{- css_prolog }}
  <link rel="stylesheet" type="text/css" href="styles/common.css" />
  <link rel="stylesheet" type="text/css" href="styles/index.css" />
  {{- css_epilog }}
  
  {{- js_prolog }}
  <script src="externals/jquery-1.7.1.min.js"></script>
  <script src="scripts/common/pos-tags.js"></script>
  <script src="scripts/common/misc.js"></script>
  <script src="scripts/index.js"></script>
  {{- js_epilog }}
</head>
<body>
  <div id="banner">
    <ul id="banner-path">
      {{- path_prefix }}
      <li>{{= app_name_in_path }}</li>
    </ul>
  </div>
  
  <div id="header">
    <h1>{{= app_name_in_header }}</h1>
  </div>
  
  <div id="body">
    {{- greetings }}
    
    <table id="main-columns"><tr>
      <td>
        <h2>Corpus Statistics</h2>
        <table id="stats">
          <tr><td>Bloggers:</td><td id="bloggers-count"></td></tr>
          <tr><td>Blogs:</td><td id="blogs-count"></td></tr>
          <tr><td>Blog Posts:</td><td id="posts-count"></td></tr>
          <tr><td>Sentences:</td><td id="sentences-count"></td></tr>
          <tr><td>Words:</td><td id="words-count"></td></tr>
          
          <tr><td>Earliest Post:</td><td id="earliest-post"></td></tr>
          <tr><td>Latest Post:</td><td id="latest-post"></td></tr>
        </table>
      </td>
      <td>
        <h2>Analyses</h2>
        <ul id="analyses">
          <li><a href="frequent-words.html">Frequent Words</a>: rank words by usage frequencies; filter by POS tags and length</li>
          <li><a href="word-sequences.html">Word Sequences</a>: find what precede and follow a particular word</li>
        </ul>
      </td>
    </tr></table>
  </div>
  
  {{- footer }}
</body>
</html>